.w1000{width: 1000px;}
.content{width: 100%;height: 650px;background: #fff;z-index: -999;padding-right: 0px!important}
.content .c-content{width: 100%;height: 430px;background:#0c0c24 url(../img/indexBanner.png) no-repeat;background-size: 100% 100%;margin-top: -55px;
}
.content .c-content .h1-title{font-size: 40px;color: #fff;margin-top: 145px;animation:h1TContent 8s linear 0s both;opacity: 1;}
.content .c-content .h2-title{font-size: 20px;color: #ededed;animation:h2TitleContent 10s linear 0s both; opacity: 0;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s; 
    -o-animation-delay: .3s; 
    -ms-animation-delay: .3s; 
    animation-delay: .3s}
.content .c-content .btn-span{font-size: 16px;width: 100px;height: 35px;line-height: 35px;margin-top: 30px;color: #fff; border-radius: 5px; text-align: center;display: block; background: #ed4e00;cursor: pointer;
    opacity: 0;
    animation: btnSpan 10s linear 0s both;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s; 
    -o-animation-delay: .6s; 
    -ms-animation-delay: .6s; 
    animation-delay: .6s;
    }
.content .c-content .btn-span:hover{box-shadow: 0 0 8px #de4900;}
.message-box{width: 1020px;margin-top: -60px;}
.message-box .message-content{width: 250px;height: 265px; float: left;margin-right: 5px; border-radius: 2px; position: relative;overflow: hidden;box-shadow: 2px 4px 20px #646464;}
.message-box .message-content .message-title{width: 100%;height: 80px;background: #f6f6f6;padding: 12px 0 15px 15px;box-sizing: border-box;}
.message-box .message-content .message-title h2{font-size: 18px;color: #333;}
.message-box .message-content .message-title p{font-size: 16px;color: #666;line-height: 20px;}
.hover-message{background: rgba(67,125,203,.8);width: 250px;height: 265px;padding: 12px 0 15px 15px;;box-sizing: border-box;color: #fff;transition: all .5s;-webkit-transition:all .5s; position: absolute;top:265px;}
.hover-message h2{font-size: 18px;}
.hover-message .p-hover-m{font-size: 16px;line-height: 20px;}
.message-content .message-img{height: 185px;overflow: hidden;}
.message-content img{transition: all 1s;}
.message-content:hover .hover-message{top:0;transition: all .5s;-webkit-transition:all .5s;background: #437dcb\0;}
.message-content:hover img{transition: all .8s; transform: scale(1.2);}
/*1标题*/
/*@-webkit-keyframes h1TContent {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    100% { opacity: 1;}
}
@-moz-keyframes h1TContent1 {
     0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    100% { opacity: 1;}
}
@-o-keyframes h1TContent1 {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    100% { opacity: 1;}
}
@keyframes h1TContent1 {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    100% { opacity: 1;}
}*/
@-webkit-keyframes h1TContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@-moz-keyframes h1TContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@-o-keyframes h1TContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@keyframes h1TContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
/*2标题*/
@-webkit-keyframes h2TitleContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@-moz-keyframes h2TitleContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@-o-keyframes h2TitleContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@keyframes h2TitleContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
/*按钮动画*/
@-webkit-keyframes btnSpan{
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    100% { opacity: 1; }
}
@-moz-keyframes  h2TitleContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@-o-keyframes h2TitleContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}
@keyframes h2TitleContent {
    0% { opacity: 0;}
    2% { opacity: 0; -webkit-transform: translateY(-50px); }
    5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
    100% { opacity: 1; }
}